<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=0">
	<title>Document</title>
	<link rel="stylesheet" href="css/reset.css">
	<link rel="stylesheet" href="css/lh_shangcheng.css">
	<link rel="stylesheet" href="css/lh_footer.css">
</head>
<body>
	<div class="header">
		<div class="city">北京</div>
		<div class="nav">
			<a href="shangcheng-danpin.html" class="a1 weidian">单品</a>
			<a href="shangcheng-caipin.html" class="a2 dianji">菜品</a>
		</div>
		<img src="img/gengduo.png" alt="" class="gengduo">
		<img src="img/shangchengfangda.png" alt="" class="fangda">
	</div>
	<div class="content">
		<ul>
			<li>
				<a href="###">
					<img src="img/yanmaizhou.png" alt="" class="icon">
					<p class="nam">燕麦粥</p>
					<p class="jiage">￥22.80</p>
					<a href="###"><img src="img/shoucang.png" alt="" class="shoucang"></a>
					<a href="###"><img src="img/fenxiang.png" alt="" class="fenxiang"></a>
				</a>
			</li>
			<li>
				<a href="###">
					<img src="img/yanmaizhou.png" alt="" class="icon">
					<p class="nam">燕麦粥</p>
					<p class="jiage">￥22.80</p>
					<a href="###"><img src="img/shoucang.png" alt="" class="shoucang"></a>
					<a href="###"><img src="img/fenxiang.png" alt="" class="fenxiang"></a>
				</a>
			</li>
			<li>
				<a href="###">
					<img src="img/yanmaizhou.png" alt="" class="icon">
					<p class="nam">燕麦粥</p>
					<p class="jiage">￥22.80</p>
					<a href="###"><img src="img/shoucang.png" alt="" class="shoucang"></a>
					<a href="###"><img src="img/fenxiang.png" alt="" class="fenxiang"></a>
				</a>
			</li>
			<li>
				<a href="###">
					<img src="img/yanmaizhou.png" alt="" class="icon">
					<p class="nam">燕麦粥</p>
					<p class="jiage">￥22.80</p>
					<a href="###"><img src="img/shoucang.png" alt="" class="shoucang"></a>
					<a href="###"><img src="img/fenxiang.png" alt="" class="fenxiang"></a>
				</a>
			</li>
			<li>
				<a href="###">
					<img src="img/yanmaizhou.png" alt="" class="icon">
					<p class="nam">燕麦粥</p>
					<p class="jiage">￥22.80</p>
					<a href="###"><img src="img/shoucang.png" alt="" class="shoucang"></a>
					<a href="###"><img src="img/fenxiang.png" alt="" class="fenxiang"></a>
				</a>
			</li>
			<li>
				<a href="###">
					<img src="img/yanmaizhou.png" alt="" class="icon">
					<p class="nam">燕麦粥</p>
					<p class="jiage">￥22.80</p>
					<a href="###"><img src="img/shoucang.png" alt="" class="shoucang"></a>
					<a href="###"><img src="img/fenxiang.png" alt="" class="fenxiang"></a>
				</a>
			</li>
			<div class="hide"></div>
		</ul>
	</div>
	<div class="footer">
		<a href="lh_zhuye.html"><img src="img/lh_zhuye.png" alt="" class="a1"></a>
		<a href="lh_shangcheng-danpin.html"><img src="img/shangcheng-dianji.png" alt="" class="a2"></a>
		<a href="lh_xuancai.html"><img src="img/lh_xuancai.png" alt="" class="a3"></a>
		<a href="dl_discover.html"><img src="img/faxian.png" alt="" class="a4"></a>
		<a href="zy_loading.html"><img src="img/wode.png" alt="" class="a5"></a>
	</div>
</body>
</html>



























